﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap Paginator V3 Tests</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="./js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="./js/bootstrap-paginator.js"></script>
</head>
<body>
<div>
    <div style="text-align: right;"><ul id='bp-3-element-test'></ul></div>
</div>

<script type="text/javascript">

    $(function(){
        var element = $('#bp-3-element-test');
        var options = {
            bootstrapMajorVersion:3, //bootstrap的版本要求
            size:"small",			 //应该是页眉的大小
            currentPage: 2,          //设置当前页
            numberOfPages: 5,		 //设置可以点击到的页数范围
            totalPages:11            //设置总页数
//          alignment:"right",
//          numberOfPages:5        //一页列出多少数据
        }
        element.bootstrapPaginator(options);
    });

</script>
</body>
</html>